html, body, .layout{
  height: 100%;
  width: 100%;
  position: relative;
}
.layout > .ivu-layout{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.layout > .ivu-layout .ivu-layout-content{
  display: flex;
  flex-direction: column;
}
.layout > .ivu-layout .ivu-layout-content .layout-content-main{
  flex: auto;
  -webkit-box-flex: 1;
  -ms-flex: auto;
}
.layout > .ivu-layout .ivu-layout-header{
  height: 50px;
  line-height: 50px;
  padding: 0px;
  background-color: #09C;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px 2px
}
.layout > .ivu-layout .ivu-layout-header .logo{
  width: 200px;
  height: 50px;
  //background-color: white;
}
.layout > .ivu-layout .layout-footer-center{
  text-align: center;
}
.layout > .ivu-layout .layout-content-main{
  padding: 15px;
  position: relative;
}
.layout > .ivu-layout .layout-content-main > div{
  position: absolute;
  top: 15px;
  left: 15px;
  bottom: 15px;
  right: 15px;
  display: flex;
  flex-direction: column;
  .ivu-card{
    margin-bottom: 15px;
  }
  .box-flex-list{
    flex: auto;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    position: relative;
    .ivu-card-head .ivu-btn{
      float: right;
    }
    .ivu-card-head p{
      height: 24px;
      line-height: 24px;
    }
    .ivu-card {
      position: absolute;
      top: 0px;
      left: 0px;
      bottom: 0px;
      right: 0px;
      display: flex;
      flex-direction: column;
      .ivu-card-body {
        flex: 1;
        flex-grow: 1;
        overflow: hidden;
        .ivu-table-wrapper {
          height: calc(100% - 40px);
          margin-bottom: 15px;
          .ivu-table {
            .ivu-table-fixed {
              height: inherit;
            }
            .ivu-table-body {
              height: calc(100% - 40px);
            }
            .ivu-table-fixed-body {
              height: calc(100% - 40px - 20px);
            }
            .poptip-button-box {
              .ivu-poptip {
                margin-left: 5px;
              }
              .ivu-poptip:first-child {
                margin-left: 0;
              }
            }
          }
          .ivu-table-small {
            .ivu-table-fixed {
              height: inherit;
            }
            .ivu-table-body {
              overflow-x: hidden;
              overflow-y: auto;
              height: calc(100% - 32px);
            }
            .ivu-table-fixed-body {
              height: calc(100% - 32px - 20px);
            }
          }
          .ivu-table-large {
            .ivu-table-fixed {
              height: inherit;
            }
            .ivu-table-body {
              height: calc(100% - 48px);
            }
            .ivu-table-fixed-body {
              height: calc(100% - 48px - 20px);
            }
          }
        }
        .ivu-page {
          text-align: right;
        }
      }
    }
  }
}
